{% extends "index.html" %}
{% load static %}
{% block title %}考研预测分析系统-注册{% endblock %}
{% block user_head_img %}
    {% if user_name %}
        {{ user_head_img }}
        {% block head_pic_url %}{{ user_head_img }}{% endblock %}
    {% else %}
        {% static 'images/user_head/no_one.ico' %}
    {% endif %}
{% endblock %}
{% block user_name %}{{ user_name }}{% endblock %}
{% block body %}
<div class="container" style="margin-top: 20px;margin-bottom: 20px;">
	<div class="row clearfix">
		<div class="col-md-6 column">
			<form class="form-horizontal" role="form" style="margin-top: 20px;" method="post" action="/prediction/do_register" enctype="multipart/form-data">
				<div class="form-group">
					 <label for="inputEmail3" class="col-sm-4 control-label">用户名：</label>
					<div class="col-sm-8">
						<input type="text" class="form-control" id="" name="user_name" placeholder="输入登录时的用户名"/>
					</div>
				</div>
				<div class="form-group">
					 <label for="inputPassword3" class="col-sm-4 control-label">设置密码：</label>
					<div class="col-sm-8">
						<input type="password" class="form-control" id="" name="password" placeholder="输入登录时的密码"/>
					</div>
				</div>
                <div class="form-group">
					 <label for="inputPassword3" class="col-sm-4 control-label">重复密码：</label>
					<div class="col-sm-8">
						<input type="password" class="form-control" id="" name="re_password" placeholder="再次输入密码" />
					</div>
				</div>
                <div class="form-group">
					 <label  class="col-sm-4 control-label">上传头像：</label>
					<div class="col-sm-8">
						<input type="file" class="form-control" id="" name="head_file" />
					</div>
				</div>
                 <div class="{{ class }}">
                    <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
                    {{ mes }}
                </div>
				<div class="form-group" style="margin-top: 20px;">
					<div class="col-sm-offset-2 col-sm-10">
						 <button type="submit" class="btn btn-primary btn-lg btn-block" name="submit">注册新用户</button>
					</div>
				</div>
			</form>
		</div>
		<div class="col-md-6 column">
			<div class="carousel slide" id="carousel-119622">
				<ol class="carousel-indicators">
					<li data-slide-to="0" data-target="#carousel-119622">
					</li>
					<li data-slide-to="1" data-target="#carousel-119622">
					</li>
					<li data-slide-to="2" data-target="#carousel-119622" class="active">
					</li>
				</ol>
				<div class="carousel-inner">
					<div class="item">
						<img alt="" src="{% static '/images/register/python.jpg' %}" />
						<div class="carousel-caption">
							<h3>
								python
							</h3>
							<p>
                                是一种广泛使用的高级编程语言，属于通用型编程语言，由吉多·范罗苏姆创造，第一版发布于1991年。
							</p>
						</div>
					</div>
					<div class="item">
						<img alt="" src="{% static '/images/register/机器学习.jpg' %}" />
						<div class="carousel-caption">
							<h3>
								机器学习
							</h3>
							<p>
                                机器学习是人工智能的一个分支。人工智能的研究历史有着一条从以“推理”为重点，到以“知识”为重点，再到以“学习”为重点的自然、清晰的脉络。显然，机器学习是实现人工智能的一个途径，即以机器学习为手段解决人工智能中的问题。
							</p>
						</div>
					</div>
					<div class="item active">
						<img alt="" src="{% static '/images/register/spark.jpg' %}" />
						<div class="carousel-caption">
							<h3>
                                spark
							</h3>
							<p>
                                是一个开源集群运算框架，最初是由加州大学柏克莱分校AMPLab所开发。相对于Hadoop的MapReduce会在运行完工作后将中介数据存放到磁盘中，Spark使用了存储器内运算技术，能在数据尚未写入硬盘时即在存储器内分析运算。
							</p>
						</div>
					</div>
				</div> <a class="left carousel-control" href="#carousel-119622" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a> <a class="right carousel-control" href="#carousel-119622" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a>
			</div>
		</div>
	</div>
</div>
{% endblock %}